<template>
    <div class="content">
      <div class="title" v-for="(item, index) in list" :key="index">
        {{item.title}}
        <div v-if="item.children">
            <detail-list :list="item.children"></detail-list>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  name: 'DetailList',
  props: {
    list: Array
  }
}
</script>

<style lang="stylus" scoped>
  .title
    padding: .1rem
</style>
